﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>齐重数控官方网站</title>
<meta http-equiv="keywords" content="齐重数控,产品,列表"></meta>
<meta http-equiv="description" content="齐重数控官方网站"></meta>
<link href="<%=request.getContextPath()%>/qzsk/css/qzsq.css"
	rel="stylesheet"></link>
<link href="<%=request.getContextPath()%>/qzsk/css/style.css"
	rel="stylesheet"></link>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/qzsk/js/clientlib-vendor.js"></script>
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/qzsk/css/main.css"></link>
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/qzsk/css/fix.css"></link>
<style>
.table-box {
	height: 250px;
	position: absolute;
}

.hover {
	margin-top: 10px;
	width: 230px;
	height: 205px;
	background-color: white;
	position: absolute;
	-webkit-opacity: 0.2;
	/* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 0.2;
	/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
	-khtml-opacity: 0.2;
	/* IE9 + etc...modern browsers */
	opacity: .2;
	/* IE 4-9 */
	filter: alpha(opacity =         20);
	/*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	/*IE4-IE9*/
	filter: progid:    DXImageTransform.Microsoft.Alpha(     
	Opacity=    20);
	padding: 10px;
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	/*IE4-IE9*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
</style>
<script>
	jQuery.fn.limit = function() {
		var self = $("div[limit]");
		self.each(function() {
			var objString = $(this).text();
			var objLength = $(this).text().length;
			var num = $(this).attr("limit");
			if (objLength > num) {
				$(this).attr("title", objString);
				objString = $(this).text(objString.substring(0, num) + "...");
			}
		})
	}
	$(function() {
		$(document.body).limit();
		$('.pro-pic').mouseover(function() {
			$(this).parent().find('.hover').css('display', 'block');
		});
		$('.hover').mouseout(function() {
			$(this).css('display', 'none');
		});
	});
</script>
</head>
<body>
	<jsp:include page="top.jsp"></jsp:include>
	<div class="n_cont">
<center>
		<div class="wrap fix">
			<div class="l side">
				<dl class="side_menu">
					<dt class="Tit2">${pc.name}</dt>
					<c:forEach var="c" items="${cs}">
						<dd id="left101001" class="open">
							<a href="${c.id }.do"> <c:choose>
									<c:when test="${c.name==channel.name }">
										<span style="color: red">${c.name }</span>
									</c:when>
									<c:otherwise> ${c.name }</c:otherwise>
								</c:choose>
							</a>
						</dd>
					</c:forEach>
				</dl>
			</div>
			<div class="r main dhe">
				<h2 class="Tit2"></h2>
				<div class="posi">
					<div class="layer">
						<table>
							<tr>
								<td>当前您的位置:&nbsp; &nbsp; &nbsp; <a
									href="<%=request.getContextPath()%>/index.do">首页</a>
								</td>
								<td>| <a
									href="<%=request.getContextPath()%>/channel/${pc.id}.do">${pc.name
							}</a></td>
								<td>| <span style="color: purple">${channel.name } </span></td>
								<td>| <span><a style="color: red"
										href="javascript:history.go(-1);">返回</a></span></td>
							</tr>
						</table>
					</div>
				</div>
				<div class="myart">
					<table>
						<c:if test="${proPic.total le 0}">
							<tr>
								<td>该栏目还没有任何信息....</td>
							</tr>
						</c:if>
						<c:if test="${proPic.total gt 0}">
							<c:forEach items="${proPic.datas }" var="pic">
								<table width="230px" style="float: left; word-break: break-all;">
									<tr>
										<td>
											<div id='sss'>
												<a href='<%=request.getContextPath()%>/showProPic/${pic.id}.do'>
													<div class="hover"></div>
												</a><a href='<%=request.getContextPath()%>/showProPic/${pic.id}.do'>
													<img
													src="<%=request.getContextPath()%>/resources/upload/Newthumbnail/${pic.newName }"
													width="230px" height="205px" style="padding: 10px;"
													alt="${pic.attName }" class="pro-pic"> </img>
												</a>
											</div>
										</td>
									</tr>
									<tr>
										<td><div limit="13" style='text-align: center;'>${pic.attName }</div></td>
									</tr>
								</table>
							</c:forEach>
						</c:if>
					</table>
				</div>
			</div>
		</div>
		<div class="page mt20">
			<span class="goprev"> <jsp:include page="/jsp/index_pager.jsp">
					<jsp:param value="${proPic.total }" name="totalRecord" />
					<jsp:param value="" name="url" />
				</jsp:include>
			</span>
		</div>
	</div>
	<jsp:include page="foot.jsp"></jsp:include></center>
</body>
</html>


